<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=0">
  <title>详情</title>
  <link rel='stylesheet' type="text/css" href="static/css/reset.css"/>
  <link rel='stylesheet' type="text/css" href="static/css/iconfont.css"/>
  <link rel="stylesheet" type="text/css" href="https://lib.baomitu.com/Swiper/5.4.4/css/swiper.min.css ">
  <link rel='stylesheet' type="text/css" href="static/css/basic.css"/>
  <link rel='stylesheet' type="text/css" href="static/css/detai.css"/>
</head>

<body>
<div class="nav">
  <h2 class="tit">电影详情页</h2>
</div>
<div class="banner">
  <img src="static/img/banner.png" alt="">
</div>
<div class="content">
  <h2 class="tit">一秒钟</h2>
  <span class="base-content"><span class="weight">主演：</span>主演</span>
  <span class="base-content"><span class="weight">上映时间：</span>2020-12-11</span>
  <span class="base-content"><span class="weight">评分：</span><span class="score-num">9.6</span><span
    class="score-unit">分</span></span>
  <span class="base-content"><span class="weight">累计票房：</span><span class="cny">￥</span><span
    class="score-num">6299</span><span class="score-unit">千万</span></span>
  <div class="base-content">
    <div class="weight">电影口碑：
      <div class="rate">
        <div class="rating" id="rating">
          <div class="rating-item"></div>
          <div class="rating-item"></div>
          <div class="rating-item"></div>
          <div class="rating-item"></div>
          <div class="rating-item"></div>
        </div>
      </div>
    </div>
  </div>
  <span class="base-content"><span class="weight">电影详情：</span>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxsfadsfdsfafsafdsfasdfdsfadsfasfasfsd xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        </span>
  <span class="base-content"><span class="weight">演职人员：</span>暂无</span>
  <div class="base-content"><span class="weight">图集：</span>
    <div class="picMarquee-left">
      <div class="bd">
        <ul class="picList">
          <li>
            <div class="pic">
              <a href="#" target="_blank"><img src="static/img/pic1.jpg"/></a>
            </div>
          </li>
          <li>
            <div class="pic">
              <a href="#" target="_blank"><img src="static/img/pic2.jpg"/></a>
            </div>
          </li>
          <li>
            <div class="pic">
              <a href="#" target="_blank"><img src="static/img/pic3.jpg"/></a>
            </div>
          </li>
          <li>
            <div class="pic">
              <a href="#" target="_blank"><img src="static/img/pic4.jpg"/></a>
            </div>
          </li>
          <li>
            <div class="pic">
              <a href="#" target="_blank"><img src="static/img/pic5.jpg"/></a>
            </div>
          </li>
          <li>
            <div class="pic">
              <a href="#" target="_blank"><img src="static/img/pic6.jpg"/></a>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="base-content">
    <div class="weight">评论：</div>
    <div class="comment-body">
      <div class="rated">
        <div class="avtar">
          <img src="static/img/head.png" alt="">
        </div>
        <div class="rated-title">
          <p class="name">用户</p>
          <p class="date">2021-07-13</p>
        </div>
      </div>
      <div class="rated-content">
        <p>ddd</p>
        <p>ddd</p>
      </div>
    </div>
    <div class="comment-body">
      <div class="rated">
        <div class="avtar">
          <img src="static/img/head.png" alt="">
        </div>
        <div class="rated-title">
          <p class="name">用户</p>
          <p class="date">2021-07-13</p>
        </div>
      </div>
      <div class="rated-content">
        <p>ddd</p>
        <p>ddd</p>
      </div>
    </div>
    <div class="comment-body">
      <div class="rated">
        <div class="avtar">
          <img src="static/img/head.png" alt="">
        </div>
        <div class="rated-title">
          <p class="name">用户</p>
          <p class="date">2021-07-13</p>
        </div>
      </div>
      <div class="rated-content">
        <p>ddd</p>
        <p>ddd</p>
      </div>
    </div>
    <div class="comment-body">
      <div class="rated">
        <div class="avtar">
          <img src="static/img/head.png" alt="">
        </div>
        <div class="rated-title">
          <p class="name">用户</p>
          <p class="date">2021-07-13</p>
        </div>
      </div>
      <div class="rated-content">
        <p>ddd</p>
        <p>ddd</p>
      </div>
    </div>
  </div>
</div>

<div class="toolbar">
  <ul>
    <li>
      <a href="">
        <img src="static/img/toolbar/index.png" alt="toolbar"/>首页</a>
    </li>
    <li>
      <a href="">
        <img src="static/img/toolbar/class.png" alt="toolbar"/>分类</a>
    </li>
    <li>
      <a href="">
        <img src="static/img/toolbar/cart.png" alt="toolbar"/>购物车</a>
    </li>
    <li>
      <a href="">
        <img src="static/img/toolbar/my.png" alt="toolbar"/>我的</a>
    </li>
  </ul>
</div>
<script src="static/js/reset.js"></script>
<script src="static/js/jquery.js"></script>
<script src="static/js/jquery.SuperSlide.2.1.3.js"></script>
<script src="static/js/detail.js"></script>
<script>
  jQuery(".picMarquee-left").slide({
    mainCell: ".bd ul",
    autoPlay: true,
    effect: "leftMarquee",
    vis: 3,
    interTime: 50
  });

  // let id = get_query_variable('id')

</script>
</body>

</html>